<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<title>SIGEN - Sistema de Gerenciamento de Ensino Nacional</title>
		<script type="text/javascript" src="tela/curso/atualizarCurso.js" ></script>
		<script type="text/javascript"  >
			preencherFormulario(${json});	
		</script>
		<link rel="stylesheet" type="text/css" href="tela/curso/atualizarCurso.css" ></link>
	</head>
	<body>

	<div class="ui-widget-content painel" >

			<!-- FORMULARIO -->
			<div id="subtitulo"><h3 class="ui-widget-header">Curso</h3></div>
			<div id="formWrapper" class="centered">
				<form id="cadastro" action="#" onSubmit="return false;" method="post" class="bbq">
				<div id="step_visualization"></div>
				<fieldset class="step" id="dadosCursos">
					<legend style="border: 0px;">Dados do Curso</legend>
					<ul class="controls">
					  <li><label for="nome">Nome:</label>
					  <input type="hidden" name="id" id="id"></input>
				  	  <input type="hidden" name="version" id="version"></input>
					  <input type="text" name="nome" id="nome" class="field validate[required]" style="width: 340px;" /> </li>
					  <li><label>Tipo do Curso:</label>
							<select id="modalidadeEnsino" name="modalidadeEnsino" class="field">
									<option value="null" >---Escolha---</option>
									<option value="EAD" >EAD</option>
									<option value="Presencial" >Presencial</option>
									<option value="Renaesp" >Renaesp</option>
							</select>
					  </li>
					  <li><label for="formularioSolicitacao">Número da Solicitação:</label><select name="formularioSolicitacao[id]" id="formularioSolicitacao" class="field" style="width: 280px;"></select></li>
					  <li><label>Perfis desejados:</label><select name="perfisDesejados[id]" id="perfisDesejados" class="field" style="width: 280px;"></select>
					      <a id="adicionarPerfisDesejadosBtn"  href="#">Adicionar</a>
					  </li>
					  <li>
					      <table cellspacing="0" class="display" cellpadding="0" border="0" id="dataGridPerfisDesejados"></table>
					  </li>					  
		        	</ul>
		 		</fieldset>
<!-- OBJETIVOS -->
                <fieldset class="step" id="objetivoMetaTxt">  
                  <legend>Objetivo geral: O que alcançar?</legend>
                	<ul class="controls">
                		<li><textarea type="text" name="objetivoMeta" id="objetivoMeta"  class="field" rows="17" cols="62" style="width: 525px"></textarea></li>
                  </ul>
                </fieldset>

                <fieldset class="step" id="objetivoDestinoTxt">  
                  <legend>Objetivo geral: Onde se quer chegar?</legend>
                	<ul class="controls">
                		<li><textarea type="text" name="objetivoDestino" id="objetivoDestino"  class="field" rows="17" cols="62" style="width: 525px"></textarea></li>
                  </ul>
                </fieldset>

                <fieldset class="step" id="objetivoFormasTxt">  
                  <legend>Objetivo geral: Com que meios?</legend>
                	<ul class="controls">
                		<li><textarea type="text" name="objetivoFormas" id="objetivoFormas"  class="field" rows="17" cols="62" style="width: 525px"></textarea></li>
                  </ul>
                </fieldset>

                <fieldset class="step" id="objetivoContextoTxt">  
                  <legend>Objetivo geral: Fazer o link com o contexto da segurança pública.</legend>
                	<ul class="controls">
                		<li><textarea type="text" name="objetivoContexto" id="objetivoContexto"  class="field" rows="17" cols="62" style="width: 525px"></textarea></li>
                  </ul>
                </fieldset>
<!-- JUSTIFICATIVAS -->
                <fieldset class="step" id="justificativaRelevanciaTxt">  
                  <legend>Justificativa: Relevância social/acadêmicas em nível institucional.</legend>
                	<ul class="controls">
                		<li><textarea type="text" name="justificativaRelevancia" id="justificativaRelevancia"  class="field" rows="17" cols="62" style="width: 525px"></textarea></li>
                  </ul>
                </fieldset>

                <fieldset class="step" id="justificativaRazoesTxt">  
                  <legend>Justificativa: Razões teóricas e práticas que justifiquem o curso, e sua relevância para a comunidade.</legend>
                	<ul class="controls">
                		<li><textarea type="text" name="justificativaRazoes" id="justificativaRazoes"  class="field" rows="17" cols="62" style="width: 525px"></textarea></li>
                  </ul>
                </fieldset>

                <fieldset class="step" id="justificativaParceriasTxt">  
                  <legend>Justificativa: Parcerias firmadas com outras organizações.</legend>
                	<ul class="controls">
                		<li><textarea type="text" name="justificativaParcerias" id="justificativaParcerias"  class="field" rows="17" cols="62" style="width: 525px"></textarea></li>
                  </ul>
                </fieldset>

                <fieldset class="step" id="justificativaMcnTxt">  
                  <legend>Justificativa: Apontar a relação do projeto com a Matriz Curricular Nacional.</legend>
                	<ul class="controls">
                		<li><textarea type="text" name="justificativaMcn" id="justificativaMcn"  class="field" rows="17" cols="62" style="width: 525px"></textarea></li>
                  </ul>
                </fieldset>
<!-- Habilidades desenvolvidas -->
                <fieldset class="step" id="habilidadeDesenvolvidaTxt">  
                  <legend>Justificativa: Apontar a relação do projeto com a Matriz Curricular Nacional.</legend>
                	<ul class="controls">
                		<li><textarea type="text" name="habilidadeDesenvolvida" id="habilidadeDesenvolvida"  class="field" rows="17" cols="62" style="width: 525px"></textarea></li>
                  </ul>
                </fieldset>
<!-- Estratégias do curso -->
				<fieldset class="step" id="estrategias">
					<legend style="border: 0px;">Dados do Curso</legend>
					<ul class="controls">
					  <li><label>Tipos de estratégias</label>
					  	<input type="checkbox" name="estrategiaConceitual" id="estrategiaConceitual" value="true">Conceitual&nbsp;
					  	<input type="checkbox" name="estrategiaProcedimental" id="estrategiaProcedimental" value="true">Procedimental&nbsp;
					  	<input type="checkbox" name="estrategiaAtitudinal" id="estrategiaAtitudinal" value="true">Atitudinal&nbsp; 
					  </li>
					  <li><label>Descrição da estratégia de ensino</label>
					  	<textarea type="text" name="estrategiaEnsino" id="estrategiaEnsino"  class="field" rows="17" cols="62" style="width: 525px"></textarea>
					  </li>				  
		        	</ul>
		 		</fieldset>
 <!-- Publico alvo -->               
                <fieldset class="step" id="publicoAlvo">  
                  <legend>Público alvo do curso</legend>
                	<ul class="controls">
						<li><label>Ramo da segurança pública:</label><select name="ramoSegurancaPublica[id]" id="ramoSegurancaPublica" class="field" style="width: 280px;"></select></li>
						<li><label>Graduações / Cargos:</label><select name="publicoAlvoCursos[id]" id="publicoAlvoCursos" class="field" style="width: 280px;"></select>
						    <a id="adicionarPublicoAlvoCursosBtn"  href="#">Adicionar</a>
						</li>
						<li>
						    <table cellspacing="0" class="display" cellpadding="0" border="0" id="dataGridPublicoAlvoCursos"></table>
						</li>	
                  </ul>
                </fieldset>                
<!-- Técnicas utilizadas -->
                <fieldset class="step" id="tecnicas">  
                  <legend>Técnicas a serem utilizadas</legend>
                	<ul class="controls">
					  <li><label>Tipo do Curso:</label>
							<select id="dimensoesConhecimento" name="tecnicas[dimensoesConhecimento]" class="field">
									<option value="Conceitual" >Conceitual</option>
									<option value="Procedimental" >Procedimental</option>
									<option value="Atitudinal" >Atitudinal</option>
							</select>
					  </li>
					  <li><label>Descrição da técnica utilizada:</label>
					  	<textarea type="text" name="tecnicas[descricao]" id="descricao"  class="field" rows="17" cols="62" style="width: 525px"></textarea>
					  </li>						  
						<li><a id="adicionarTecnicasBtn"  href="#">Adicionar</a>
					  </li>
					  <li>
					      <table cellspacing="0" class="display" cellpadding="0" border="0" id="dataGridTecnicas"></table>
					  </li>					  	
                  </ul>
                </fieldset> 
<!--                 Disciplinas -->
                <fieldset class="step" id="disciplinas">  
                  <legend>Disciplinas do cuso</legend>
                	<ul class="controls">
						<li><label>Disciplina:</label><select name="disciplina[id]" id="disciplina" class="field" style="width: 280px;"></select></li>
					    <li><a id="adicionarDisciplinaBtn"  href="#">Adicionar</a><li>
					      <table cellspacing="0" class="display" cellpadding="0" border="0" id="dataGridDisciplina"></table>
					  </li>					  	
                  </ul>
                </fieldset> 
		 		<div id="navigation"> 							
					<input class="navigation_button " id="back"  value="Voltar" type="reset" />
					<input class="navigation_button " id="next"  value="Próximo" type="submit" />
				</div>
				</form>
			</div>
	</div>
	</body>
</html>
	
